<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>重置密码界面</title>
	<style>
			#bigBox
			{
				margin: 0 auto;	/* login框剧中 */
				margin-top: 50px; /* login框与顶部的距离 */
				padding: 20px 50px;	/* login框内部的距离(内部与输入框和按钮的距离) */
				background-color: #00000090;	/* login框背景颜色和透明度 */
				width: 400px;
				height: 420px;
				border-radius: 10px;	/* 圆角边 */
				text-align: center;	/* 框内所有内容剧中 */
			}
		</style><link rel="stylesheet" href="style.css" />
		<link rel="stylesheet" href="iconfont.css" />
</head>

<body>
	<div id="bigBox">
			<h1>重置密码</h1>
			<form action="">
			<div class="inputBox">
			
				<div class="inputText1">
					<span class="iconfont icon-phonenumber"></span>
					<input type="text" placeholder="输入手机号" required/>
					<input type="button" name="button"  value="获取验证码">
				</div>
				<div class="inputText">
				  <span class="iconfont icon-nickname"></span>
				  <input type="text" placeholder="输入验证码" required/>
				</div>
				<div class="inputText">
					<span class="iconfont icon-visible"></span>
				  <input type="password" placeholder="输入密码" required/>
				</div>
				<div class="inputText">
					<span class="iconfont icon-confirm"></span>
				  <input type="password" placeholder="确认密码" required/>
				</div>
				
			   <button class="loginButton">重置密码</button>
		</div>
		</form>
			<div class="suboption">
				<a href="login.html"><input type="button" value="已有账号？登录"></a>|<a href="register.html"><input type="button" value="没有账号？注册"></a></div>
		</div>
</body>
</html>
